<template>
  <div>
    <b-navbar toggleable="lg" type="dark" variant="dark" class="home-header">
<!--      <b-container>-->
        <b-navbar-brand class="header-title">
          <img src="../../assets/images/login.jpg" width="40px" height="40px" class="header-img"/>
          BasicFinder
        </b-navbar-brand>
<!--        设置变成手机浏览器之后折叠-->
        <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
        <b-collapse id="nav-collapse" is-nav>
          <b-navbar-nav class="ml-auto">
            <b-nav-item href="/">Home</b-nav-item>
            <b-nav-item  href="#/labelplatform">标注平台</b-nav-item>
          </b-navbar-nav>
        </b-collapse>

<!--      </b-container>-->
    </b-navbar>
  </div>
</template>
<script>
export default {
  name: 'header',
  data() {
    return {

    }
  },
  methods: {
    tolplatform () {
      this.$router.push({ name: 'label' })
    }
  }
}
</script>
<style scoped lang="less">
  .home-header{
    height: 100px;
    .header-title{
      font-size: 30px;
    }
    .header-img{
      margin-right: 10px;
    }
  }
</style>
